// COMMON

@mixin linear-gradient($start, $end) {
  background: #0e600c; // Old browsers
  background: -moz-linear-gradient(top, $start 0%, $end 100%); // FF3.6+
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$start), color-stop(100%,$end)); // Chrome,Safari4+
  background: -webkit-linear-gradient(top, $start 0%,$end 100%); // Chrome10+,Safari5.1+
  background: -o-linear-gradient(top, $start 0%,$end 100%); // Opera 11.10+
  background: -ms-linear-gradient(top, $start 0%,$end 100%); // IE10+
  background: linear-gradient(top, $start 0%,$end 100%); // W3C
  -pie-background: linear-gradient($start, $end); // CSS3PIE
  behavior: url(/PIE.htc);
}

//TODO: Change to just $prop (as for box-shadow)
@mixin transition($prop, $time, $easing) {
    -webkit-transition: $prop $time $easing;
	-moz-transition: $prop $time $easing;
	-o-transition: $prop $time $easing;
	-ms-transition: $prop $time $easing;
	transition: $prop $time $easing;
}

@mixin box-shadow($a) {
    -moz-box-shadow:$a;
    -webkit-box-shadow:$a;
    box-shadow:$a;
    behavior: url(/PIE.htc);
}

@mixin default-transition {
    @include transition(all, 0.2s, ease-in-out);
}

@mixin opacity($value) {
    opacity: $value;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity="+($value*100)+")";
	  filter: alpha(opacity=($value*100));
}

@mixin inline-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    
    li {
        margin: 0;
        padding: 0;
        float: left;
    }
}

// HEADER

@mixin header {
    font-weight: 500;
    color: #ffffff;
	
    text-shadow: 0px 1px 1px #000;

    li {
        @include opacity(0.5);
        @include default-transition;
    }

    li:hover {
        @include opacity(0.8);
    }

    li.active {
        @include opacity(1);
    }
}